<template>
	<view class="my-content">
		<view class="color-333 u-font-38">
			<text>标题标题标题标题标题标题标题标题标题标题标题标题</text>
		</view>
		<view class="color-999 u-font-24 u-margin-top-20 u-margin-bottom-20">
			<text>{{$t("发布时间")}}：2024年8月23日 16:00:19</text>
		</view>
		<u-line color="#999" />
		<view class="color-666 u-margin-top-20 u-font-30">
			<rich-text :nodes="nodes"></rich-text>
		</view>
	</view>
</template>

<script>
	export default {
		onLoad(options) {
			console.log(options);
		},
		data() {
			return {
				nodes: 'asdf asdf hjaksdfh 爱斯达克两极分化卡死了交电话费埃里克森交电话费垃圾水电费'
			};
		}
	}
</script>
<style lang="scss" scoped>
	.my-content {
		background-color: #f6f6f6;
		padding: 20rpx 30rpx;
		height: auto;
		min-height: 100vh;

		.color-666 {
			color: #666;
		}

		.color-999 {
			color: #999;
		}

		.color-333 {
			color: #333;
		}
	}
</style>